<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<head>
    <meta charset="UTF-8"/>
    <title>注册</title>
    <link rel="stylesheet" type="text/css" href="css/common.css"/>
    <link rel="stylesheet" type="text/css" href="css/main.css"/>
</head>
<body>
<div class="topbar-wrap white">
    <div class="topbar-inner clearfix">
        <div class="topbar-logo-wrap clearfix">
            <h1 class="topbar-logo none"><a href="login.jsp" class="navbar-brand">后台管理</a></h1>
            <ul class="navbar-list clearfix">
                <li><a class="on" href="login.jsp">登录</a></li>
            </ul>
        </div>

    </div>
</div>
<div class="container clearfix">
    <div class="sidebar-wrap">
        <div class="sidebar-title">
            <h1>菜单</h1>
        </div>
        <div class="sidebar-content">
            <ul class="sidebar-list">
                <li>
                    <a href="#"><i class="icon-font">&#xe003;</i>常用操作</a>
                    <ul class="sub-menu">
                        <li><a href="design.html"><i class="icon-font">&#xe008;</i>用户管理</a></li>
                        <li><a href="design.html"><i class="icon-font">&#xe005;</i>车票管理</a></li>
                    </ul>
                </li>
                
            </ul>
        </div>
    </div>
    <!--/sidebar-->
    <div class="reg-wrap">

        <form action="reg" method="post">
            <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                    <td background="images/bg_point_write.gif">
                        <table width="835" border="0" align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td height="30" colspan="2" align="center">&nbsp;</td>
                            </tr>
                            <tr>
                                <td width="41" height="7" align="center">&nbsp;</td>
                                <td width="794" height="30" align="left" valign="top"><span class="text_blod_title">注册信息</span></td>
                            </tr>
                            <tr>
                                <td height="15" colspan="2" align="center"><img src="images/line1.jpg" width="835" height="6"></td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td width="5%">&nbsp;</td>
                                            <td width="95%" align="left" class="text_cray">注：标有 <span class="text_red">*</span> 处，均为必填项</td>
                                        </tr>
                                        <tr>
                                            <td height="15" colspan="2">&nbsp;</td>
                                        </tr>
                                    </table>


                                    <!-- 输入对应的登录信息 -->
                                    <table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td height="30" colspan="4" align="left" class="text_red1"><span class="text_title">登录信息</span></td>
                                        </tr>

                                        <tr>
                                            <td width="19" align="center" class="text_red">*</td>
                                            <td width="98" height="40" align="left" class="text_cray1">登录名：</td>
                                            <td width="160" align="left" class="text_cray1"><input name="user_name" type="text" class="text_cray" id="username" /></td>
                                            <td width="423" height="35" align="left" class="text_red">由字母、数字或“_”组成，长度不少于6位，不多于30位</td>
                                        </tr>
                                        <tr>
                                            <td width="19" align="center" class="text_red1"><span class="text_red">*</span></td>
                                            <td width="98" height="40" align="left" class="text_cray1">密码：</td>
                                            <td align="left" class="text_cray1"><input name="password" type="password" class="text_cray" id="password" /></td>
                                            <td height="35" align="left" class="text_red">不少于6位字符</td>
                                        </tr>
                                        <tr>
                                            <td width="19" align="center" class="text_red1"><span class="text_red">*</span></td>
                                            <td width="98" height="40" align="left" class="text_cray1">确认密码：</td>
                                            <td align="left" class="text_cray1"><input name="password2" type="password" class="text_cray" id="password2" /></td>
                                            <td height="35" align="left" class="text_cray">请再次输入密码</td>
                                        </tr>
                                    </table>


                                    <!-- 详细信息区 -->
                                    <table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td height="35" colspan="5" align="left" class="text_red1"><span class="text_title">详细信息</span></td>
                                        </tr>

                                        <tr>
                                            <td width="19" align="center" class="text_red1"><span class="text_red">*</span></td>
                                            <td width="98" height="40" align="left" class="text_cray1">真实姓名：</td>
                                            <td height="35" colspan="3" align="left"><input name="real_name" type="text" class="text_cray" id="realname" /></td>
                                        </tr>
                                        <tr>
                                            <td width="19" align="center" class="text_red1"><span class="text_red">*</span></td>
                                            <td width="98" height="40" align="left" class="text_cray1">性 别：</td>
                                            <td height="35" colspan="3" align="left" class="text_cray1">
       				              <span class="mr25">
       				              	<input type="radio" name="sex" value="1" checked="checked" />
       				              </span>
                                                <span class="text_cray">
       				                 <label>男</label>
       				                 <input type="radio" name="sex" value="2" />
       				                 <label>女</label>
       				              </span>
                                                <label></label>
                                                <span><label></label></span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="19" align="center" class="text_red1"><span class="text_red">*</span></td>
                                            <td width="98" height="40" align="left" class="text_cray1">省份：</td>
                                            <td width="104" height="35" align="left">
                                                <label>
                                                    <select name="province" class="text_cray" id="province">
                                                        <option value="四川" selected="selected">四川</option>
                                                    </select>
                                                </label>
                                            </td>
                                            <td width="43" height="35" align="left"  class="text_cray">城市：</td>
                                            <td width="436" height="35" align="left" class="text_cray"><label>
                                                <select name="city" class="text_cray" id="city">
                                                    <option value="成都" selected="selected">成都</option>
                                                    <option value="绵阳" >绵阳</option>
                                                    <option value="达州" >达州</option>
                                                </select>
                                            </label></td>
                                        </tr>
                                        <tr>
                                            <td width="19" align="center" class="text_red1"><span class="text_red">*</span></td>
                                            <td width="98" height="40" align="left" class="text_cray1">证件类型：</td>
                                            <td height="35" colspan="3" align="left">
                                                <select class="text_cray" name="certify_type" id="cardType">
                                                    <option value="1"><span>二代身份证</span></option>
                                                    <option value="2"><span>港澳通行证</span></option>
                                                    <option value="3"><span>台湾通行证</span></option>
                                                    <option value="4"><span>护照</span></option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="19" align="center" class="text_red1"><span class="text_red">*</span></td>
                                            <td width="98" height="40" align="left" class="text_cray1">证件号码：</td>
                                            <td height="35" colspan="3" align="left"><input name="certify_num" type="text" class="text_cray" id="cert" /></td>
                                        </tr>
                                        <tr>
                                            <td width="19" align="center" class="text_red1"><span class="text_red">*</span></td>
                                            <td width="98" height="40" align="left" class="text_cray1">出生日期：</td>
                                            <td height="35" colspan="3" align="left"><input name="birthday"  type="date" class="text_cray" id="birthday" /></td>
                                        </tr>
                                        <tr>
                                            <td width="19" align="center">&nbsp;</td>
                                            <td width="98" height="40" align="left" class="text_cray1">旅客类型：</td>
                                            <td height="35" colspan="3" align="left">
                                                <select class="text_cray" id="userType" name="type">
                                                    <option value="1">成人</option>
                                                    <option value="2">儿童</option>
                                                    <option value="3">学生</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="10" colspan="5" align="center">	</td>
                                        </tr>
                                        <tr>
                                            <td width="19" align="center">&nbsp;</td>
                                            <td width="98" height="30" align="left" class="text_cray1">备注：</td>
                                            <td colspan="3" align="left" height="80">
                                                <textarea name="remarks" rows="8" class="text_cray" style="width:100%"></textarea>				</td>
                                        </tr>
                                        <tr>
                                            <td align="center">&nbsp;</td>
                                            <td height="30" align="left" class="text_cray1"></td>
                                            <td height="50" colspan="3" align="left" valign="middle" class="text_cray1">
                                                <input type="checkbox" class="check" id="checkAgree" /> 我已阅读并同意遵守
                                                <p  class="ft14" target="_blank" shape="rect"> 《中国铁路客户服务中心网站服务条款》</p></td>
                                        </tr>
                                    </table>
                                    <br>
                                    <table width="835" border="0" align="center" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td width="234">&nbsp;</td>
                                            <td width="147" height="30" align="center"><input type="submit" class="buttj" value=""/></td>
                                            <td width="141" align="center">&nbsp;</td>
                                            <td width="147" align="center"><input type="reset" class="butcz" value=""/></td>
                                            <td width="166" align="center">&nbsp;</td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table><br>

            <table width="100%" border="0" cellspacing="0">
                <tr>
                    <td height="2" background="images/bottom_point.gif"></td>
                </tr>
                <tr>
                    <td height="25" align="center" background="images/bottom_ny_bg.gif" class="text_cray">copyright@12306 购票网</td>
                </tr>
            </table>
        </form>

    </div>
    <!--/main-->

</body>
</html>